#app {
    width: 7.5rem;
    height: 100vh;
    border: 1px solid black;
    margin: 0 auto;
    position: relative;

    ul {
        position: absolute;
        bottom: 0;
        height: .9rem;
        border-top: 1px solid #ddd;
        width: 100%;

        li {
            float: left;
            width: 25%;
            font-size: .24rem;
            position: relative;
            height: 100%;
            cursor: pointer;

            &.active {
                color: red;
                background-color: rgba(221, 221, 221, 0.555);
            }

            .item {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                // border: 1px solid black;

                .icon {
                    font-size: .30rem;
                    text-align: center;
                }

                .text {
                    text-align: center;
                }
            }
        }
    }
}